<template>
  <view class="page-detail">
    <view class="context">
      <view class="circle-log">
        <view class="log"></view>
      </view>

      <view class="title">
        {{detail.companyName}}
      </view>
    </view>
    <view class="data-info">
      <view class="info-item flex">
        <view class="title">企业分类：</view>
        <view class="value">{{detail.companyType}}</view>
      </view>
      <view class="info-item flex">
        <view class="title">统一社会信用代码：</view>
        <view class="value">{{detail.nssbh}}</view>
      </view>
      <view class="info-item flex">
        <view class="title">法定代表人：</view>
        <view class="value">{{detail.fddbr}}</view>
      </view>
      <view class="info-item flex">
        <view class="title">电　　话：</view>
        <view class="value">{{detail.fzrdh}}</view>
      </view>
      <view class="info-item">
        <view class="title">注册地址：</view>
        <view class="value">{{detail.zcxxdz}}</view>
      </view>
    </view>
  </view>
</template>

<script>
  import {
    getByTicketCode, exportPdfData
  } from "@/api/cockpit/cockpit";
  import config from "@/config";
  export default {
    props: {
      ticketCode: {
        type: String
      },
      pCode: {
        type: String
      }
    },
    data() {
      return {
        detail: {},
        baseUrl: config.baseUrl
      }
    },
    onShow() {
      // this.getDetail();
      // this.getExportPdfData();
    },
    onLoad(option) {
      this.detail.companyName = option.companyName;
      this.detail.companyType = option.companyType;
      this.detail.nssbh = option.nssbh;
      this.detail.fddbr = option.fddbr;
      this.detail.fzrdh = option.fzrdh;
      this.detail.zcxxdz = option.zcxxdz;
    },
    methods: {
    }
  }
</script>

<style lang="less" scoped>
  .page-detail {

    .context {
      background-color: #ffffff;
      border-radius: 15rpx 15rpx 0 0;
      border-top: 10rpx solid #cb0c02;
      margin-top: 88rpx;


      .circle-log {
        width: 128rpx;
        height: 128rpx;
        background: #cb0c02;
        border-radius: 50%;
        display: table-cell;
        vertical-align: middle;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);

        .log {
          background-image: url("/static/images/common/enterprise.png");
          background-repeat: no-repeat;
          background-size: 100%;
          width: 58rpx;
          height: 69rpx;
          margin: 0 auto;
          padding-top: 40rpx;
          margin-top: 30rpx;

        }

      }



      .title {
        font-size: 34rpx;
        font-weight: bold;
        color: #080D2A;
        margin: 0 20rpx;
        border-bottom: 1px solid #E8E8E8;
        padding-top: 110rpx;
        padding-bottom: 40rpx;
        text-align: center;
      }
    }

    .data-info {
      background: #ffffff;
      min-height: 800rpx;
      padding: 20rpx;
      border-radius: 0 0 15rpx 15rpx;

      .info-item {
        line-height: 60rpx;

        font-size: 30rpx;
        color: #666666;

        .value {
          font-weight: 700;
        }

      }

      .flex {
        display: flex;
      }

    }



  }
</style>